<template>
  <div class='product-commont'>
    <ul>
      <li v-for="(item, index) in listData" :key="index">
        <div class="pic-box">
          <img :src="item.pic" alt="">
          <p class="mt5 white-space">name</p>
        </div>
        <div class="commont-info">
          <el-rate :value="5"></el-rate>
          <p class="content color-666">
            啊啊啊
          </p>
          <p class="more-info color-999 ft12">
            <span class="time">时间：2018-10-12</span>
            <span>型号：s11</span>
            <span>颜色：蓝色</span>
          </p>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  components: {},
  name: "",
  data() {
    return {
      listData:[
        {
          pic:require('@/assets/imgs/center/default_user.jpg'),
        },{}
      ]
    };
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.product-commont {
  li{
    padding: 20px;
    display: flex;
    border-bottom: 1px solid #f2f2f2;

    .pic-box{
      width: 100px;
      text-align: center;

      img{
        width: 45px;
        height: 45px;
        border-radius: 50%;
        margin: 0 auto;
      }
    }
    .commont-info{
      .content{
        margin: 15px 0;
      }
    }
  }
}
</style>